<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../assets/css/header.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            text-decoration: none;
        }

        body {
            background-color: #f4f4f4;
        }

        .top {
            width: 100%;
            height: 46px;
            background-color: #fff;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        }

        .top-content {
            width: 960px;
            height: 46px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .top-content-left {
            width: 450px;
            height: 46px;
            display: flex;
            justify-content: space-between;
        }

        .top-content-left > a:nth-child(1) {
            display: block;
            width: 68px;
            height: 46px;
            font-size: 14px;
            line-height: 46px;
            color: #1e80ff;
        }

        .top-content-left > a:nth-child(2),
        .top-content-left > a:nth-child(3),
        .top-content-left > a:nth-child(4),
        .top-content-left > a:nth-child(5),
        .top-content-left > a:nth-child(6),
        .top-content-left > .other {
            display: block;
            width: 52px;
            height: 46px;
            font-size: 14px;
            line-height: 46px;
            color: #333333;
        }

        .top-content-left > .other {
            display: flex;
            justify-content: space-between;
        }

        .top-content-left > .other > .sj {
            width: 0;
            height: 0;
            border-color: #72777b transparent transparent;
            border-style: solid;
            border-width: 6px 6px 0;
            transform-origin: center center;
            margin-top: 20px;
            margin-right: 10px;
        }

        .top-content-left > a:nth-child(2):hover,
        .top-content-left > a:nth-child(3):hover,
        .top-content-left > a:nth-child(4):hover,
        .top-content-left > a:nth-child(5):hover,
        .top-content-left > a:nth-child(6):hover,
        .top-content-left > .other:hover {
            cursor: pointer;
            color: #1e80ff;
        }

        .top-content-right {
            width: 98px;
            height: 46px;
            display: flex;
            justify-content: space-between;
        }

        .top-content-right:hover {
            cursor: pointer;
        }

        .top-content-right:hover > .text {
            color: #1e80ff;
        }

        .top-content-right > .tu {
            width: 30px;
            height: 46px;
            padding-top: 11px;
        }

        .top-content-right > img {
            width: 30px;
            height: 25px;
        }

        .top-content-right > .text {
            display: block;
            width: 56px;
            height: 46px;
            font-size: 14px;
            line-height: 46px;
            color: #333333;
            margin-right: 10px;
        }

        .mid {
            width: 960px;
            height: 280px;
            margin: 10px auto;
            display: flex;
            justify-content: space-between;
        }

        .mid-left {
            width: 470px;
            height: 280px;
            background-image: url("../assets/image/活动页轮播图1.png");
            background-size: 470px 280px;
            border-radius: 4px;
        }

        .mid-right {
            width: 470px;
            height: 280px;
            background-color: #fff;
            margin-right: 5px;
            border-radius: 4px;
        }

        .mid-right > .year {
            width: 470px;
            height: 25px;
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }

        .mid-right > .year > .year-left {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-right-color: #007fff;
            margin-left: 60px;
        }

        .mid-right > .year > .year-mid {
            width: 82px;
            height: 18px;
            font-size: 14px;
            line-height: 18px;
            color: #007fff;
            text-align: center;
            font-weight: 700;
        }

        .mid-right > .year > .year-right {
            width: 0;
            height: 0;
            border: 8px solid transparent;
            border-left-color: #007fff;
            margin-right: 60px;
        }

        .mid-right > .week {
            width: 470px;
            height: 20px;
            background-color: #007fff;
            display: flex;
            justify-content: center;
        }

        .mid-right > .week > div {
            width: 65px;
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
            text-align: center;
        }

        .mid-right > .days {
            width: 470px;
            height: 222px;
            margin-top: 10px;
        }

        .mid-right > .days > .line {
            width: 470px;
            height: 36px;
            display: flex;
            justify-content: center;
        }

        .mid-right > .days > .line > div {
            width: 65px;
            height: 36px;
            font-size: 13px;
            text-align: center;
            color: #007fff;
        }

        .lists {
            width: 960px;
            height: 700px;
            margin: 35px auto;
        }

        .lists > .line {
            width: 960px;
            height: 264px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
        }

        .lists a {
            display: block;
            width: 230px;
            height: 264px;
            border-radius: 4px;
            background-color: #ffffff;
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
            position: relative;
        }

        .lists > .line > a:hover {
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
            bottom: 5px;
            transition: all 0.3s;
        }

        .lists > .line > a > .list {
            width: 230px;
            height: 264px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
        }

        .lists > .line > a > .list > img {
            width: 230px;
            height: 135px;
            border-radius: 4px 4px 0 0;
        }

        .lists > .line > a > .list > .title {
            width: 206px;
            height: 40px;
            font-size: 14px;
            font-weight: 700;
            color: #333;
        }


        .lists > .line > a > .list > .time {
            width: 230px;
            height: 20px;
            display: flex;
            justify-content: left;
        }

        .lists > .line > a > .list > .time > img {
            width: 14px;
            height: 18px;
            margin-left: 12px;
        }

        .lists > .line > a > .list > .time > .when {
            width: 62px;
            height: 20px;
            font-size: 12px;
            color: #333333;
            line-height: 20px;
            margin-left: 10px;
        }

        .lists > .line > a > .list > .location {
            width: 230px;
            height: 25px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 14px;
        }

        .lists > .line > a > .list > .location > .left {
            width: 45px;
            height: 25px;
            display: flex;
            justify-content: space-between;
            margin-left: 12px;
        }

        .lists > .line > a > .list > .location > .left > img {
            width: 14px;
            height: 18px;
            margin-top: 4px;
        }

        .lists > .line > a > .list > .location > .left > .text {
            width: 28px;
            height: 25px;
            font-size: 12px;
            color: #333333;
            text-align: center;
            line-height: 25px;
        }

        .lists > .line > a > .list > .location > .button {
            width: 100px;
            height: 25px;
            background-color: #4d91fd;
            font-size: 12px;
            line-height: 25px;
            text-align: center;
            color: #ffffff;
            border-radius: 30px;
            margin-right: 10px;
        }

        .lists > .line:nth-child(2) > a:nth-child(1) > .list > .title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    </style>
</head>
<body>
<header class="main-header">
    <div class="container">
        <div class="logo">
            <img class="logo-img"
                 src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/e08da34488b114bd4c665ba2fa520a31.svg"/>
        </div>
        <div class="main-nav">
            <ul class="nav-list">
                <li class="main-nav-list">
                    <ul class="phone-hide">
                        <li class="nav-item"><a href="index.html">首页</a></li>
                        <li class="nav-item"><a href="Bot.html">BOT</a></li>
                        <li class="nav-item"><a href="boil.html">沸点</a></li>
                        <li class="nav-item"><a href="course.html">课程</a></li>
                        <li class="nav-item"><a href="live_broadcast.html">直播</a></li>
                        <li class="nav-item home">活动</li>
                        <li class="nav-item"><a href="race.html">竞赛</a></li>
                        <nav class="nav-item"><a href="mall.html">商城</a></nav>
                        <nav class="nav-item"><a href="APP.html">APP</a></nav>
                        <nav class="nav-item"><a href="plugIns.html">插件</a></nav>
                        <nav class="nav-item">
                            <img src="../assets/img/logo-1.png"/>
                        </nav>
                    </ul>
                </li>
                <ul class="right-side-nav">
                    <li class="search-add">
                        <ul class="search-add-ul">
                            <li class="search">
                                <input class="search-input" maxlength="64" placeholder="探索稀土掘金"/>
                                <div class="search-icon-container">
                                    <svg style="width: 18px;" t="1718614562467" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="6339" width="32" height="32">
                                        <path d="M915.8 852.9L766.9 706.7c47.4-62.8 75.9-140.7 75.9-225.5 0-207-167.8-374.9-374.9-374.9-207.1 0.1-374.9 167.9-374.9 375s167.8 374.9 374.9 374.9c95.4 0 182.2-35.9 248.4-94.6L865.4 908c14.7 14.4 37.8 13.8 51.7-1.4 13.9-15.2 13.3-39.3-1.3-53.7zM467.9 790c-170.5 0-308.7-138.2-308.7-308.7s138.2-308.7 308.7-308.7 308.7 138.2 308.7 308.7S638.4 790 467.9 790z m0 0"
                                              fill="#333333" p-id="6340"></path>
                                    </svg>
                                </div>
                            </li>
                            <li class="creator-item">
                                <div class="add-group">
                                    <button class="add-btn">创作者中心</button>
                                    <div class="more">
                                        <svg t="1718616312565" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                             xmlns="http://www.w3.org/2000/svg" p-id="10570" width="200" height="200">
                                            <path d="M490.667 640l-192-213.333h384z" fill="#ffffff" p-id="10571"></path>
                                        </svg>
                                        <div class="more-mask"></div>
                                        <div class="more-list">
                                            <ul class="menu">
                                                <li class="item">
                                                    <div>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="44" height="51"
                                                             viewBox="0 0 44 51" fill="none">
                                                            <g filter="url(#filter0_d_4518_102489)">
                                                                <rect x="11.999" y="8.97656" width="20.0011"
                                                                      height="25.557" rx="3"
                                                                      fill="url(#paint0_linear_4518_102489)"/>
                                                            </g>
                                                            <mask id="mask0_4518_102489" style="mask-type:alpha"
                                                                  maskUnits="userSpaceOnUse" x="11" y="8" width="21"
                                                                  height="27">
                                                                <rect x="11.999" y="8.97656" width="20.0011"
                                                                      height="25.557" rx="3"
                                                                      fill="url(#paint1_linear_4518_102489)"/>
                                                            </mask>
                                                            <g mask="url(#mask0_4518_102489)">
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                      d="M34.3632 17.877H17L23.4382 24.3652H17L34.3636 41.8639L34.3634 35.3755L34.3636 35.3756L34.3632 17.877Z"
                                                                      fill="url(#paint2_linear_4518_102489)"/>
                                                            </g>
                                                            <path d="M17.5547 16.7539H25.3329" stroke="white"
                                                                  stroke-width="2.5" stroke-linecap="round"/>
                                                            <path d="M17.5547 23.4199H21.9994" stroke="white"
                                                                  stroke-width="2.5" stroke-linecap="round"/>
                                                            <defs>
                                                                <filter id="filter0_d_4518_102489" x="-0.000976562"
                                                                        y="0.976562" width="44.001" height="49.5566"
                                                                        filterUnits="userSpaceOnUse"
                                                                        color-interpolation-filters="sRGB">
                                                                    <feFlood flood-opacity="0"
                                                                             result="BackgroundImageFix"/>
                                                                    <feColorMatrix in="SourceAlpha" type="matrix"
                                                                                   values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                                   result="hardAlpha"/>
                                                                    <feOffset dy="4"/>
                                                                    <feGaussianBlur stdDeviation="6"/>
                                                                    <feComposite in2="hardAlpha" operator="out"/>
                                                                    <feColorMatrix type="matrix"
                                                                                   values="0 0 0 0 0.0901961 0 0 0 0 0.466667 0 0 0 0 0.94902 0 0 0 0.2 0"/>
                                                                    <feBlend mode="normal" in2="BackgroundImageFix"
                                                                             result="effect1_dropShadow_4518_102489"/>
                                                                    <feBlend mode="normal" in="SourceGraphic"
                                                                             in2="effect1_dropShadow_4518_102489"
                                                                             result="shape"/>
                                                                </filter>
                                                                <linearGradient id="paint0_linear_4518_102489"
                                                                                x1="28.3888" y1="8.97656" x2="15.0547"
                                                                                y2="33.1446"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop offset="0.0555359" stop-color="#499DFF"/>
                                                                    <stop offset="1" stop-color="#357AFF"/>
                                                                </linearGradient>
                                                                <linearGradient id="paint1_linear_4518_102489"
                                                                                x1="28.3888" y1="8.97656" x2="15.0547"
                                                                                y2="33.1446"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop offset="0.0555359" stop-color="#57A5FF"/>
                                                                    <stop offset="1" stop-color="#4886FF"/>
                                                                </linearGradient>
                                                                <linearGradient id="paint2_linear_4518_102489"
                                                                                x1="20.625" y1="19.3008" x2="29.625"
                                                                                y2="23.625"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop stop-color="#2273E1"/>
                                                                    <stop offset="1" stop-color="#2172DF"
                                                                          stop-opacity="0"/>
                                                                </linearGradient>
                                                            </defs>
                                                        </svg>
                                                    </div>
                                                    <div class="title">写文章</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/c225c20007c699a48fe9aa8a32be2ee6.svg"/>
                                                    </div>
                                                    <div class="title">发沸点</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/92ff1e17678887b64c952833d9d0dd0b.svg"/>
                                                    </div>
                                                    <div class="title">写笔记</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/cf3f3dbcd5a32a7a4de5c7b834402cef.svg"/>
                                                    </div>
                                                    <div class="title">写代码</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/b1008fc20ddf1733b5bd800ed4bcc18e.svg"/>
                                                    </div>
                                                    <div class="title">草稿箱</div>
                                                </li>
                                            </ul>
                                            <div class="divider"></div>
                                            <div class="inspiration">
                                                <div class="info">
                                                    <span class="title">创作灵感</span>
                                                    <span class="more-info">
                                                        查看更多
                                                    <i class="byte-icon">
                                                        <svg style="width: 22px; height: 22px;" t="1718722566546"
                                                             class="icon"
                                                             viewBox="0 0 1024 1024"
                                                             version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                             p-id="4606"
                                                             width="32" height="32"><path
                                                                d="M433.834667 337.706667a21.333333 21.333333 0 0 1 1.493333-32.768 29.397333 29.397333 0 0 1 37.461333 0.938666l202.709334 190.037334a21.077333 21.077333 0 0 1 1.365333 30.421333c-0.341333 0.426667-204.117333 191.573333-204.117333 191.573333a29.354667 29.354667 0 0 1-37.632 1.152 21.333333 21.333333 0 0 1-1.28-32.938666l185.813333-174.293334-185.813333-174.122666z"
                                                                fill="#B2B2B2" p-id="4607"></path></svg>
                                                    </i>
                                                    </span>
                                                </div>
                                                <div class="list">
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#稀土开发者大会2024#</span>
                                                    </div>
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#每日快讯#</span>
                                                    </div>
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#每天一个知识点#</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="vip-entry">
                        <div class="vip-title">
                            <div class="vip-entry-img">
                                <img class="vip-img" src="../assets/img/vip.png"/>
                            </div>
                            <div class="vip-words">会员</div>
                        </div>
                    </li>
                    <li class="auth">
                        <div class="login-button-wrap">
                            <button class="login-button">
                                登录
                                <div class="login-button-line"></div>
                                注册
                                <div class="login">
                                    <div class="top-login-guide">
                                        <div class="login-awards">
                                            <h2 class="login-awards-title">首次登录 / 注册免费领取</h2>
                                            <ul class="login-awards-list">
                                                <li class="login-awards-item">
                                                    <img src="../assets/img/vip.png"/>
                                                    <span>七天会员</span>
                                                </li>
                                                <li class="login-awards-item">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="24"
                                                         viewBox="0 0 26 24" fill="none">
                                                        <circle cx="13" cy="12" r="12"
                                                                fill="url(#paint0_linear_25309_9748)"/>
                                                        <rect x="7.93359" y="3.66406" width="10.0377" height="13.4403"
                                                              rx="0.48" transform="rotate(-15 7.93359 3.66406)"
                                                              fill="url(#paint1_linear_25309_9748)"/>
                                                        <path d="M11.4694 15.5273C11.3914 15.2361 11.5642 14.9367 11.8554 14.8587L20.8285 12.4544L21.1111 13.5089L12.1379 15.9132C11.8467 15.9913 11.5474 15.8185 11.4694 15.5273Z"
                                                              fill="url(#paint2_linear_25309_9748)"/>
                                                        <g style="mix-blend-mode:overlay">
                                                            <path d="M7.95318 3.59291C7.87764 3.33881 8.0224 3.07158 8.27651 2.99604L9.95294 2.49767L13.7111 15.1396L12.0346 15.6379C11.7805 15.7135 11.5133 15.5687 11.4378 15.3146L7.95318 3.59291Z"
                                                                  fill="url(#paint3_linear_25309_9748)"/>
                                                        </g>
                                                        <g filter="url(#filter0_d_25309_9748)">
                                                            <rect x="1.33594" y="9.26562" width="10.7492"
                                                                  height="14.3929" rx="0.48"
                                                                  transform="rotate(-36.0071 1.33594 9.26562)"
                                                                  fill="url(#paint4_linear_25309_9748)"/>
                                                            <path d="M9.76943 20.9924C9.57964 20.7312 9.63749 20.3657 9.89865 20.1759L17.9461 14.3275L18.6334 15.2733L10.586 21.1216C10.3248 21.3114 9.95923 21.2536 9.76943 20.9924Z"
                                                                  fill="url(#paint5_linear_25309_9748)"/>
                                                            <g style="mix-blend-mode:overlay">
                                                                <path d="M1.61812 9.65392C1.46228 9.43947 1.50978 9.13929 1.72423 8.98344L3.30367 7.83561L11.7651 19.4787L10.1856 20.6265C9.97117 20.7824 9.67099 20.7349 9.51515 20.5204L1.61812 9.65392Z"
                                                                      fill="url(#paint6_linear_25309_9748)"/>
                                                            </g>
                                                        </g>
                                                        <g filter="url(#filter1_dd_25309_9748)">
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                  d="M8.40452 9.74272H15.0318L9.73445 21.9492H14.2209L19.2041 10.312L19.1699 6.14453H8.375L8.40452 9.74272ZM20.0049 19.386C20.1043 19.3718 20.1918 19.36 20.2675 19.3505L20.2604 18.1797C20.1752 18.1939 20.0854 18.2081 19.9907 18.2223C19.8961 18.2365 19.7992 18.2507 19.6998 18.2649V17.4063H20.2888V16.2923H19.6998V15.2706L18.6213 15.2422V16.2923H17.9472V17.4063H18.6213V18.3997C18.4558 18.4233 18.2973 18.4446 18.1459 18.4636C17.9993 18.4777 17.8621 18.4943 17.7344 18.5132L17.8053 19.6769L18.6213 19.5634V20.3652C18.6213 20.4881 18.6024 20.5733 18.5646 20.6206C18.5314 20.6632 18.4581 20.6892 18.3446 20.6986L18.0111 20.7341L18.302 21.8694L18.7632 21.8268C18.9666 21.8079 19.1298 21.7819 19.2528 21.7488C19.3758 21.7157 19.4704 21.666 19.5366 21.5998C19.6029 21.5383 19.6454 21.4531 19.6644 21.3443C19.688 21.2403 19.6998 21.1054 19.6998 20.9399V19.4214C19.8086 19.4073 19.9103 19.3954 20.0049 19.386ZM23.4392 18.7403H24.2481V17.5553H21.7291V16.8174C21.89 16.8079 22.065 16.7937 22.2542 16.7748C22.4482 16.7559 22.6445 16.7346 22.8431 16.711C23.0466 16.6826 23.2452 16.6542 23.4392 16.6258C23.6331 16.5974 23.8152 16.569 23.9855 16.5407L23.6875 15.3912C23.1814 15.4905 22.6752 15.5709 22.1691 15.6324C21.6677 15.6892 21.1662 15.7341 20.6648 15.7673V18.0165C20.6648 18.4517 20.653 18.8231 20.6293 19.1305C20.6104 19.4333 20.5726 19.7076 20.5158 19.9536C20.4638 20.1949 20.3881 20.4195 20.2888 20.6277C20.1942 20.8358 20.0688 21.0558 19.9127 21.2876L20.9841 21.8552C21.1166 21.614 21.2277 21.3822 21.3176 21.1598C21.4122 20.9423 21.4879 20.7152 21.5447 20.4787C21.6014 20.2374 21.6416 19.9773 21.6653 19.6982C21.6937 19.4191 21.7126 19.0998 21.7221 18.7403H22.3323V21.7984H23.4392V18.7403Z"
                                                                  fill="url(#paint7_linear_25309_9748)"/>
                                                        </g>
                                                        <defs>
                                                            <filter id="filter0_d_25309_9748" x="0.567344" y="3.13672"
                                                                    width="19.0255" height="20.0177"
                                                                    filterUnits="userSpaceOnUse"
                                                                    color-interpolation-filters="sRGB">
                                                                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dy="0.96"/>
                                                                <feGaussianBlur stdDeviation="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
                                                                <feBlend mode="normal" in2="BackgroundImageFix"
                                                                         result="effect1_dropShadow_25309_9748"/>
                                                                <feBlend mode="normal" in="SourceGraphic"
                                                                         in2="effect1_dropShadow_25309_9748"
                                                                         result="shape"/>
                                                            </filter>
                                                            <filter id="filter1_dd_25309_9748" x="7.655" y="5.42453"
                                                                    width="17.795" height="17.7247"
                                                                    filterUnits="userSpaceOnUse"
                                                                    color-interpolation-filters="sRGB">
                                                                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dx="0.24" dy="0.24"/>
                                                                <feGaussianBlur stdDeviation="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 0.862745 0 0 0 0 0.623529 0 0 0 0 0.34902 0 0 0 0.4 0"/>
                                                                <feBlend mode="normal" in2="BackgroundImageFix"
                                                                         result="effect1_dropShadow_25309_9748"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dx="0.48" dy="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
                                                                <feBlend mode="normal"
                                                                         in2="effect1_dropShadow_25309_9748"
                                                                         result="effect2_dropShadow_25309_9748"/>
                                                                <feBlend mode="normal" in="SourceGraphic"
                                                                         in2="effect2_dropShadow_25309_9748"
                                                                         result="shape"/>
                                                            </filter>
                                                            <linearGradient id="paint0_linear_25309_9748" x1="13" y1="0"
                                                                            x2="13" y2="24"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF9EA"/>
                                                                <stop offset="1" stop-color="#FFECC5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint1_linear_25309_9748" x1="7.93359"
                                                                            y1="11.4342" x2="17.9713" y2="11.4342"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#E2B076"/>
                                                                <stop offset="1" stop-color="#F9E4B5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint2_linear_25309_9748" x1="11.4694"
                                                                            y1="15.5273" x2="20.9704" y2="12.9815"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF2E2"/>
                                                                <stop offset="1" stop-color="white"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint3_linear_25309_9748" x1="9.43261"
                                                                            y1="8.56953" x2="11.5691" y2="7.93439"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#4B4B4B"/>
                                                                <stop offset="1" stop-color="#4B4B4B" stop-opacity="0"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint4_linear_25309_9748" x1="1.33594"
                                                                            y1="17.5866" x2="12.0851" y2="17.5866"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#EEC698"/>
                                                                <stop offset="1" stop-color="#F9E4B5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint5_linear_25309_9748" x1="9.76943"
                                                                            y1="20.9924" x2="18.2903" y2="14.8"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF2E2"/>
                                                                <stop offset="1" stop-color="white"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint6_linear_25309_9748" x1="4.9748"
                                                                            y1="14.2728" x2="6.94253" y2="12.8428"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#4B4B4B"/>
                                                                <stop offset="1" stop-color="#4B4B4B" stop-opacity="0"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint7_linear_25309_9748" x1="8.375"
                                                                            y1="6.14453" x2="23.1107" y2="21.9423"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#D0A15C"/>
                                                                <stop offset="1" stop-color="#C8874C"/>
                                                            </linearGradient>
                                                        </defs>
                                                    </svg>
                                                    <span>小册7折券</span>
                                                </li>
                                                <li class="login-awards-item">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none">
                                                        <path d="M12.7188 0.21875L7.36564 3.88725L7.83808 6.47912L12.7188 0.21875Z"
                                                              fill="url(#paint0_linear_25309_9749)"/>
                                                        <path d="M9.21334 14.0336L12.7514 0.156148L7.83648 6.47997L9.21334 14.0336Z"
                                                              fill="url(#paint1_linear_25309_9749)"/>
                                                        <path d="M10.7075 8.13763L17.6045 15.2215L11.58 21.5282L9.21767 14.0272L10.7075 8.13763Z"
                                                              fill="url(#paint2_linear_25309_9749)"/>
                                                        <path d="M10.7101 8.14304L12.72 0.186451L16.8687 3.4703L17.6071 15.2269L10.7101 8.14304Z"
                                                              fill="url(#paint3_linear_25309_9749)"/>
                                                        <path d="M16.8633 3.47097L21.7472 12.3386L20.7523 16.8318L17.6017 15.2276L16.8633 3.47097Z"
                                                              fill="url(#paint4_linear_25309_9749)"/>
                                                        <path d="M17.6035 15.2227L20.7541 16.8268L19.9879 20.4634L12.3389 23.946L11.579 21.5294L17.6035 15.2227Z"
                                                              fill="url(#paint5_linear_25309_9749)"/>
                                                        <path d="M9.21842 14.0308L3.30245 13.2051L7.36912 3.88523L9.21842 14.0308Z"
                                                              fill="url(#paint6_linear_25309_9749)"/>
                                                        <path d="M3.30231 13.2067L3.25154 18.1624L12.3405 23.9501L3.30231 13.2067Z"
                                                              fill="url(#paint7_linear_25309_9749)"/>
                                                        <path d="M10.7075 8.13763L17.6045 15.2215L11.58 21.5282L9.21767 14.0272L10.7075 8.13763Z"
                                                              fill="url(#paint8_linear_25309_9749)"/>
                                                        <path d="M3.29688 13.2031L9.21284 14.0289L12.335 23.9465L3.29688 13.2031Z"
                                                              fill="url(#paint9_linear_25309_9749)"/>
                                                        <defs>
                                                            <linearGradient id="paint0_linear_25309_9749" x1="10.9308"
                                                                            y1="5.91672" x2="9.83347" y2="-0.103242"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="white"/>
                                                                <stop offset="1" stop-color="#F8D3F5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint1_linear_25309_9749" x1="12.1263"
                                                                            y1="12.4757" x2="9.7475" y2="-0.574854"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.23" stop-color="white"/>
                                                                <stop offset="1" stop-color="#F8C1F5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint2_linear_25309_9749" x1="12.1778"
                                                                            y1="7.86963" x2="14.5681" y2="20.9836"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.18" stop-color="#6A5BFF"/>
                                                                <stop offset="1" stop-color="#00B1FE"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint3_linear_25309_9749" x1="15.5227"
                                                                            y1="15.6298" x2="12.5682" y2="-0.579297"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.2" stop-color="#4E67FF"/>
                                                                <stop offset="1" stop-color="#FFD4ED"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint4_linear_25309_9749" x1="17.3051"
                                                                            y1="5.22081" x2="20.2171" y2="15.7377"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#0094F1"/>
                                                                <stop offset="1" stop-color="#0041F3"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint5_linear_25309_9749" x1="12.4491"
                                                                            y1="22.0792" x2="20.6192" y2="16.6262"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#0063F4"/>
                                                                <stop offset="0.48" stop-color="#7061FC"/>
                                                                <stop offset="0.9" stop-color="#9460FF"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint6_linear_25309_9749" x1="6.42839"
                                                                            y1="14.5393" x2="4.57909" y2="4.39379"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.17" stop-color="#C6DEFF"/>
                                                                <stop offset="1" stop-color="#005BF2"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint7_linear_25309_9749" x1="3.05398"
                                                                            y1="15.4836" x2="12.078" y2="23.5884"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.16" stop-color="#68B1F4"/>
                                                                <stop offset="0.61" stop-color="#D6C2F3"/>
                                                                <stop offset="0.9" stop-color="#4958FF"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint8_linear_25309_9749" x1="12.1778"
                                                                            y1="7.86963" x2="14.5681" y2="20.9836"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="white" stop-opacity="0"/>
                                                                <stop offset="0.48" stop-color="white"
                                                                      stop-opacity="0"/>
                                                                <stop offset="0.72" stop-color="#FAFEFA"
                                                                      stop-opacity="0.3"/>
                                                                <stop offset="1" stop-color="#E0FCE4"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint9_linear_25309_9749" x1="5.9376"
                                                                            y1="13.2009" x2="13.2854" y2="22.8478"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.18" stop-color="#97D8FF"/>
                                                                <stop offset="0.56" stop-color="#DCC9F6"/>
                                                                <stop offset="0.94" stop-color="#4958FF"/>
                                                            </linearGradient>
                                                        </defs>
                                                    </svg>
                                                    <span>5万矿石</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <span class="login-awards-des">免费试学课程 · 收藏优质内容 · 提升成长等级</span>
                                        <div>
                                            <div class="login-btn-desc">登录 / 注册</div>
                                        </div>
                                    </div>
                                </div>
                            </button>
                        </div>
                    </li>
                </ul>
            </ul>
        </div>
    </div>
</header>
<div class="top">
    <div class="top-content">
        <div class="top-content-left">
            <a href="">全部活动</a>
            <a href="">北京</a>
            <a href="">上海</a>
            <a href="">广州</a>
            <a href="">深圳</a>
            <a href="">杭州</a>
            <div class="other">其它
                <div class="sj"></div>
            </div>
        </div>
        <div class="top-content-right">
            <div class="tu"><img
                    src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/f00e55305e73bdb2d10ec78c8d7e8f08.svg"
                    alt=""></div>
            <a class="text">活动合作</a>
        </div>
    </div>
</div>
<div class="mid">
    <div class="mid-left"></div>
    <div class="mid-right">
        <div class="year">
            <div class="year-left"></div>
            <div class="year-mid">2024年6月</div>
            <div class="year-right"></div>
        </div>
        <div class="week">
            <div>日</div>
            <div>一</div>
            <div>二</div>
            <div>三</div>
            <div>四</div>
            <div>五</div>
            <div>六</div>
        </div>
        <div class="days">
            <div class="line">
                <div>26</div>
                <div>27</div>
                <div>28</div>
                <div>29</div>
                <div>30</div>
                <div>31</div>
                <div>1</div>
            </div>
            <div class="line">
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
                <div>7</div>
                <div>8</div>
            </div>
            <div class="line">
                <div>9</div>
                <div>10</div>
                <div>11</div>
                <div>12</div>
                <div>13</div>
                <div>14</div>
                <div>15</div>
            </div>
            <div class="line">
                <div>16</div>
                <div>17</div>
                <div>18</div>
                <div>19</div>
                <div>20</div>
                <div>21</div>
                <div>22</div>
            </div>
            <div class="line">
                <div>23</div>
                <div>24</div>
                <div>25</div>
                <div>26</div>
                <div>27</div>
                <div>28</div>
                <div>29</div>
            </div>
            <div class="line">
                <div>30</div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
            </div>
        </div>
    </div>
</div>
<div class="lists">
    <div class="line">
        <a href="">
            <div class="list">
                <img src="../assets/image/活动1.jpg" alt="">
                <div class="title">【漏洞挖掘治理】字节跳动安全范儿技术沙龙*第14期</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-21 周五</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">线上</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
        <a href="">
            <div class="list">
                <img src="../assets/image/活动2.jpg" alt="">
                <div class="title">WOT全球技术创新大会2024·北京站</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-21 周五</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">北京</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
        <a href="">
            <div class="list">
                <img src="../assets/image/活动3.jpg" alt="">
                <div class="title">豆包Marscode产品发布</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-26 周三</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">北京</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
        <a href="">
            <div class="list">
                <img src="../assets/image/活动4.jpg" alt="">
                <div class="title">深度洞察：数据与操作系统的发展趋势</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-27 周四</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">深圳</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
    </div>
    <div class="line">
        <a href="">
            <div class="list">
                <img src="../assets/image/活动5.jpg" alt="">
                <div class="title">MoonBit Meetup 第三期丨与中科院、Intel等专家共话基础软件前沿发展与期待</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-29 周六</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">北京</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
        <a href="">
            <div class="list">
                <img src="../assets/image/活动6.jpg" alt="">
                <div class="title">好玩、有趣、超干货！禅道「敏捷研发工作坊」成都走起！</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-29 周六</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">成都</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
        <a href="">
            <div class="list">
                <img src="../assets/image/活动7.jpg" alt="">
                <div class="title">A2M人工智能创新峰会</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-28 周五</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">上海</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
        <a href="">
            <div class="list">
                <img src="../assets/image/活动8.jpg" alt="">
                <div class="title">2024稀土开发者大会</div>
                <div class="time"><img src="../assets/image/日历图标.png" alt="">
                    <div class="when">06-28 周五</div>
                </div>
                <div class="location">
                    <div class="left">
                        <img src="../assets/image/定位图标.png" alt="">
                        <div class="text">北京</div>
                    </div>
                    <div class="button">报名参加</div>
                </div>
            </div>
        </a>
    </div>
</div>
</body>
</html>
